$(function () {
    $("#page").load("/html/back/page.html");
});

//页面加载的时候去查询所有用户信息
function findAll() {
    // $.ajax({
    //     url: '/back/user/findAll',
    //     data: '',
    //     type: 'get',
    //     dataType: 'json',
    //     success: function (data) {
    //         console.log(data);
    //         setUserData(data.list);
    //     }
    // })
    let srcData = {
        username: $("#username").val(),
        phone: $("#phone").val(),
        sex: $("#sex").val(),
        hobby: getHobby().toLocaleString(),
        startBirthday: $("#startBirthday").val(),
        endBirthday: $("#endBirthday").val(),
        curPage: $("#curPage").val(),
        pageSize: $("#pageSize").val()
    };
    let data = myAjax("/back/user/findAll", srcData, "get");
    console.log(data);
    $("#totalCount").html(data.totalCount);
    setUserData(data.list);
}

function setUserData(data) {
    let html = '';
    for (let i = 0; i < data.length; i++) {
        html += '<div>\n' +
            '            <div>' + data[i].id + '</div>\n' +
            '            <div>' + data[i].username + '</div>\n' +
            '            <div>' + toNullValue(data[i].phone) + '</div>\n' +
            '            <div>' + toNullValue(data[i].sex) + '</div>\n' +
            '            <div>' + toNullValue(data[i].birthday) + '</div>\n' +
            '            <div>' + toNullValue(data[i].hobby) + '</div>\n' +
            '            <div>\n' +
            '                <div onclick="toEditPage(' + data[i].id + ')"><i class="iconfont icon-xxx">&#xe626;</i></div>\n' +
            '                <div onclick="del(' + data[i].id + ')"><i class="iconfont icon-xxx">&#xe624;</i></div>\n' +
            '                <div><i class="iconfont icon-xxx">&#xe61e;</i></div>\n' +
            '            </div>\n' +
            '        </div>';
    }
    $("#tBody").html(html);
}

function del(id) {
    if (window.confirm("确定要删除吗？")) {
        let data = myAjax("/back/user/del", {id: id}, 'post');
        if (data.result == 'success') {
            findAll();
        } else {
            alert("删除失败");
        }
        // $.ajax({
        //     url: '/back/user/del',
        //     data: {id: id},
        //     type: 'post',
        //     dataType: 'json',
        //     success: function (data) {
        //         if (data.result == 'success') {
        //             findAll();
        //         } else {
        //             alert("删除失败");
        //         }
        //     }
        // })
    }

}

function toEditPage(id) {
    sessionStorage.setItem("userId", id);
    openWindow("/html/back/user/userEdit.html");
    // toRight("/html/back/user/userEdit.html");
}

function getHobby() {
    let vals = [];
    $('input:checkbox[name=hobby]:checked').each(function (index, item) {
        vals.push($(this).val());//数组的赋值  push
    });
    return vals;
}
